<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>肖晓波&刘燕的婚礼邀请函</title>
		<meta name="keywords" content="肖晓波&刘燕的婚礼邀请函" />
		<meta name="description" content="我们结婚啦！2017年12月11日，诚邀您出席我们的婚礼。" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/card-view.css" />
		<link rel="stylesheet" href="css/origin.min.css" />
	</head>
	<body>
		<div id="wx_pic" style="margin:0 auto;display:none;">
			<img src="img/p5.jpg" />
		</div>
		
		<div class="swiper-container" id="card">
			<!--<div class="music-container" id="musicBtn">
				<img id="musicImg" src="img/music2.png" />
				<audio id="music" src="file/dreamWedding.mp3" loop="loop"></audio>
			</div>-->
			
			<div class="swiper-wrapper">
                <div class="swiper-slide page" id="page1">
		        	<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
		        		<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
		        	</div>
		        	<div class="elm-box" style="top: 2px;left: -123px;width: 279px;height: 279px;z-index: 6;transform: rotateZ(77deg)">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 2s ease 0.6s 1;">
		        			<img src="img/leaf_l.png" style="width:279px;height:279px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: -2px;left: 16px;width: 94px;height: 94px;z-index: 7">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.2s 1;">
		        			<img src="img/flower1.png" style="width:94px;height:94px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 27px;left: 92px;width: 59px;height: 59px;z-index: 8">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.4s 1;">
		        			<img src="img/flower1.png" style="width:59px;height:59px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: -49px;left: 139px;width: 284px;height: 284px;z-index: 5">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 2s ease 0.6s 1;">
		        			<img src="img/flower1.png" style="width:284px;height:284px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box border" style="top: 143px;left: 38px;height: 383px;z-index: 9">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: rotateIn 2s ease 2s 1;">
		        			<img src="img/border.png" style="height:384px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box border" style="top: 152px;left: 34px;height: 383px;z-index: 10">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: rotateIn 2s ease 1.6s 1;">
		        			<img src="img/border.png" style="height:384px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box white-bg" style="height: 359px;z-index: 11;opacity: 0.72;top: 160px;left: 42px">
		        		<div class="elm " style="color: rgb(85, 85, 85); animation: zoomIn 1s ease 0.6s 1;">
			        		<!--?xml version="1.0" encoding="utf-8"?-->
							<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
							<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none">
								<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
							</svg>
						</div>
		        	</div>
		        	<div class="elm-box" style="top: 112px;left: 107px;width: 117px;height: 86px;z-index: 12;transform: rotateZ(343deg)">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2s 1;">
		        			<img src="img/bow.png" style="width:118px;height:86px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 187px;left: 79px;width: 200px;height: 80px;z-index: 14">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInLeft 1s ease 0.6s 1;">
		        			<img src="img/wedding.png" style="width:200px;height:80px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 243px;left: 78px;width: 210px;height: 82px;z-index: 13">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInRight 1s ease 0.6s 1;">
		        			<img src="img/invitation.png" style="width:210px;height:82px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 323px;left: 76px;width: 212px;height: 24px;z-index: 15">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 1s 1;">
		        			<img src="img/flower_line.png" style="width:215px;height:24px;margin-left:-1px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 320px;left: 152px;width: 58px;height: 41px;z-index: 16">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 3s 1;">
		        			<img src="img/flower2.png" style="width:58px;height:41px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 428px;left: -102px;width: 284px;height: 284px;z-index: 4;transform: rotateZ(36deg)">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 2s ease 0.6s 1;">
		        			<img src="img/flower1.png" style="width:284px;height:284px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 550px;left: 200px;width: 279px;height: 279px;z-index: 3">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 2s ease 0.6s 1;">
		        			<img src="img/leaf_l.png" style="width:279px;height:279px;margin-left:0px;margin-top:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 391px;left: 166px;width: 31px;height: 25px;z-index: 19;opacity: 0.97">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 0.6s 1;">
		        			<img src="img/heart.png" style="width:31px;height:26px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 380px;left: 91px;width: 75px;height: 38px;z-index: 17">
		        		<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: fadeInLeft 1s ease 1.2s 1;">
		        			<span style="font-family: weiruanyahei; color: rgb(84, 84, 84); font-size: 14px;">肖晓波 &nbsp;&nbsp;</span>
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 380px;left: 197px;width: 74px;height: 38px;z-index: 20">
		        		<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: fadeInLeft 1s ease 1.2s 1;">
							<span style="font-family: weiruanyahei; color: rgb(84, 84, 84); font-size: 14px;">刘燕</span>
		        		</div>
		        	</div>
		        	<div class="elm-box" style="top: 416px;left: 26px;width: 310px;height: 38px;z-index: 18">
		        		<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: bounceInRight 1s ease 0.6s 1;">
		        			<div style="text-align: center;">
		        				<span style="font-family: weiruanyahei; font-size: 14px; color: inherit; line-height: inherit; background-color: initial;">2017/12/11</span>
		        			</div>
		        		</div>
		        	</div>
		        </div>
		        
		        <div class="swiper-slide page" id="page2">
		        	<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
					</div>
					<div class="elm-box" style="top: -123px;left: -96px;width: 262px;height: 251px;z-index: 7;opacity: 0.97;transform: rotateZ(113deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 0.6s 1;">
							<img src="img/flowers1.png" style="width:262px;height:251px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<!--<div class="elm-box" style="top: 68px;left: 162px;width: 236px;height: 205px;z-index: 3;transform: rotateZ(281deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 0.6s 1;">
							<img src="img/flowers4.png" style="width:236px;height:205px;margin-top:0px;margin-left:0px">
						</div>
					</div>-->
					<div class="elm-box" style="top: 37px;left: 27px;width: 41px;height: 41px;z-index: 8">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 4s 1;">
							<img src="img/flower3.png" style="width:41px;height:41px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box flower-r" style="top: 37px;width: 44px;height: 44px;z-index: 14">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 4s 1;">
							<img src="img/flower3.png" style="width:44px;height:44px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 37px;left: 74px;width: 222px;height: 39px;z-index: 9;opacity: 0.67">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 0.6s 1;">
							<img src="img/bg_title.png" style="width:269px;height:39px;margin-left:-23px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 9px;left: 88px;width: 195px;height: 78px;z-index: 10">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInDown 1s ease 1s 1;">
							<img src="img/welcomeToWedding.png" style="width:195px;height:78px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 179px;left: 219px;width: 34px;height: 34px;z-index: 11">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 3.6s 1;">
							<img src="img/flower1.png" style="width:34px;height:34px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 173px;left: 168px;width: 47px;height: 47px;z-index: 12">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 3.3s 1;">
							<img src="img/flower1.png" style="width:47px;height:47px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 178px;left: 126px;width: 37px;height: 37px;z-index: 13">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 3.6s 1;">
							<img src="img/flower1.png" style="width:37px;height:37px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 378px;left: -88px;width: 285px;height: 334px;z-index: 5;transform: rotateZ(30deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 0.6s 1;">
							<img src="img/flowers3.png" style="width:285px;height:334px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 406px;left: 180px;width: 166px;height: 166px;z-index: 16">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 0.6s 1;">
							<img src="img/flower1.png" style="width:166px;height:166px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 556px;left: 80px;width: 96px;height: 96px;z-index: 16">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 0.6s 1;">
							<img src="img/flower1.png" style="width:96px;height:96px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 496px;left: 144px;width: 255px;height: 244px;z-index: 22;opacity: 0.55;transform: rotateZ(243deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 0.6s 1;">
							<img src="img/flowers2.png" style="width:255px;height:245px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 337px;left: 237px;width: 72px;height: 96px;z-index: 17;transform: rotateZ(77deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 0.6s 1;">
							<img src="img/flower_white.png" style="width:72px;height:96px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box flower-r" style="top: 392px;width: 39px;height: 39px;z-index: 18">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 5s 1;">
							<img src="img/flower3.png" style="width:39px;height:39px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 392px;left: 27px;width: 43px;height: 43px;z-index: 19">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 5s 1;">
							<img src="img/flower3.png" style="width:43px;height:43px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 275px;left: 50px;width: 92px;height: 92px;z-index: 20;transform: rotateZ(346deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInRight 1s ease 5.5s 1;">
							<img src="img/leaf_l.png" style="width:92px;height:92px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 274px;left: 235px;width: 96px;height: 100px;z-index: 21;transform: rotateZ(5deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInLeft 1s ease 5.5s 1;">
							<img src="img/leaf_r.png" style="width:96px;height:100px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box white-bg" style="height: 359px;z-index: 6;opacity: 0.76;top: 61px;left: 46px">
						<div class="elm " style="color: rgb(85, 85, 85); animation: fadeInDown 2s ease 1s 1;">
							<!--?xml version="1.0" encoding="utf-8"?-->
							<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
							<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none">
								<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
							</svg>
						</div>
					</div>
					<div class="elm-box" style="top: 69px;left: 33px;width: 310px;height: 38px;z-index: 23">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 2s 1;">
							<div style="text-align: center;">
								<span style="color: rgb(84, 84, 84); line-height: inherit; font-family: weiruanyahei; font-size: 14px; background-color: initial;">沉浸在幸福中的我们</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 91px;left: 32px;width: 310px;height: 38px;z-index: 24">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 2.3s 1;">
							<div style="text-align: center;">
								<span style="color: rgb(84, 84, 84); line-height: inherit; font-family: weiruanyahei; font-size: 14px; background-color: initial;">诚挚邀请您</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 114px;left: 35px;width: 310px;height: 38px;z-index: 25">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 2.6s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; line-height: inherit; color: rgb(84, 84, 84); font-size: 14px; background-color: initial;">出席我们的新婚典礼</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 139px;left: 35px;width: 310px;height: 38px;z-index: 26">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 3s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; line-height: inherit; background-color: initial; color: rgb(84, 84, 84);">见证我们的幸福与喜悦</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 207px;left: 33px;width: 310px;height: 38px;z-index: 27">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 4s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; color: inherit; line-height: inherit; background-color: initial;">谨定于</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 232px;left: 38px;width: 310px;height: 38px;z-index: 28">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 4.3s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; line-height: inherit; background-color: initial; color: rgb(84, 84, 84);">2017年12月11日 星期一</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 256px;left: 38px;width: 310px;height: 38px;z-index: 29">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 4.6s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; line-height: inherit; background-color: initial; color: rgb(84, 84, 84);">12:00午宴 恭候您的光临</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 277px;left: 30px;width: 310px;height: 38px;z-index: 30">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 4.6s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; line-height: inherit; background-color: initial; color: rgb(84, 84, 84);">席设</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 301px;left: 38px;width: 310px;height: 38px;z-index: 31">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 4.9s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; line-height: inherit; background-color: initial; color: rgb(84, 84, 84);">湛江·雷州市</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 326px;left: 39px;width: 310px;height: 38px;z-index: 32">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 5.2s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 14px; line-height: inherit; background-color: initial; color: rgb(84, 84, 84);">肖家村</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 220px;left: 214px;width: 22px;height: 18px;z-index: 33">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 6s 1;">
							<img src="img/heart.png" style="width:22px;height:18px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 220px;left: 138px;width: 22px;height: 18px;z-index: 34">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 6s 1;">
							<img src="img/heart.png" style="width:22px;height:18px;margin-top:0px;margin-left:0px">
						</div>
					</div>
		        </div>
		        
		    	<div class="swiper-slide page" id="page3">
		    		<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
					</div>
					<!--<div class="elm-box block" style="top: 73px;width: 35px;height: 34px;z-index: 4;opacity: 0.67">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 0.6s 1;">
							<img src="img/block.png" style="width:35px;height:34px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 315px;left: -4px;width: 35px;height: 34px;z-index: 5;opacity: 0.61">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 0.6s 1;">
							<img src="img/block.png" style="width:35px;height:34px;margin-top:0px;margin-left:0px">
						</div>
					</div>-->
					<div class="elm-box photo" style="top: 40px;left: 16px;height: 240px;z-index: 6;">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 0s 1; border: 5px solid #FBD2D1;">
							<img src="img/p1.jpg" style="margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 370px;left: 16px;height: 230px; width: 160px; z-index: 6;">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); animation: zoomIn 2.4s ease 0s 1; border: 5px solid #FBD2D1;">
							<img src="img/p11.jpg" style="margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 370px;left: 198px;height: 230px; width: 160px; z-index: 6;">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); animation: zoomIn 2.4s ease 0s 1; border: 5px solid #FBD2D1;">
							<img src="img/p12.jpg" style="margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -14px;left: -19px;width: 92px;height: 108px;z-index: 7;transform: rotateZ(192deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 1s 1;">
							<img src="img/flowers3.png" style="width:92px;height:108px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -26px;left: 62px;width: 112px;height: 112px;z-index: 8;transform: rotateZ(120deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 1.5s 1;">
							<img src="img/leaf_l.png" style="width:112px;height:112px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -26px;left: 166px;width: 67px;height: 89px;z-index: 9;transform: rotateZ(72deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 1s 1;">
							<img src="img/flower_white.png" style="width:67px;height:89px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 40px;left: 6px;width: 46px;height: 46px;z-index: 11">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 1.4s 1;">
							<img src="img/flower1.png" style="width:46px;height:46px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 28px;left: 55px;width: 49px;height: 49px;z-index: 10">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2s 1;">
							<img src="img/flower1.png" style="width:49px;height:49px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 13px;left: 18px;width: 61px;height: 61px;z-index: 12">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 1.7s 1;">
							<img src="img/flower1.png" style="width:61px;height:61px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 230px;left: 0px;width: 370px;height: 370px;z-index: 3">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 0.6s 1;">
							<img src="img/bg2.png" style="width:370px;height:370px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<!--<div class="elm-box" style="top: 371px;left: 25px;width: 155px;height: 155px;z-index: 13;transform: rotateZ(304deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.5s 1;">
							<img src="img/leaf_l.png" style="width:155px;height:155px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 378px;left: 156px;width: 141px;height: 135px;z-index: 14;transform: rotateZ(58deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.5s 1;">
							<img src="img/flowers2.png" style="width:141px;height:135px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 364px;left: 63px;width: 99px;height: 117px;z-index: 15">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2s 1;">
							<img src="img/flowers3.png" style="width:100px;height:117px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 361px;left: 123px;width: 113px;height: 113px;z-index: 16">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 2s 1;">
							<img src="img/flower1.png" style="width:113px;height:113px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box grass" style="top: 560px;left: -7px;height: 112px;z-index: 18">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInUp 1s ease 2.3s 1;">
							<img src="img/grass.png" style="margin-left:0px;margin-top:0px">
						</div>
					</div>-->
					<div class="elm-box" style="top: 230px;left: 86px;width: 195px;height: 195px;z-index: 17">
						<div class="elm " style="color: rgb(103, 103, 103); animation: rollInRight 1s ease 1.7s 1;">
							<img src="img/dear.png" style="width:195px;height:195px;margin-left:0px;margin-top:0px">
						</div>
					</div>
	    		</div>
	    		
	    		<div class="swiper-slide page" id="page4">
	    			<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
					</div>
					<div class="elm-box" style="top: 0px;left: -124px;width: 279px;height: 279px;z-index: 6;transform: rotateZ(77deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 0.6s 1;">
							<img src="img/leaf_l.png" style="width:279px;height:279px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 19px;left: 136px;width: 284px;height: 284px;z-index: 5">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 0.6s 1;">
							<img src="img/flower1.png" style="width:284px;height:284px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 420px;left: -94px;width: 265px;height: 265px;z-index: 4;transform: rotateZ(36deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 0.6s 1;">
							<img src="img/flower1.png" style="width:265px;height:265px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 400px;left: 172px;width: 279px;height: 279px;z-index: 3">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 0.6s 1;">
							<img src="img/leaf_l.png" style="width:279px;height:279px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -63px;left: 61px;width: 250px;height: 179px;z-index: 12">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInRight 1s ease 1.1s 1;">
							<img src="img/our_wedding.png" style="width:250px;height:180px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -55px;left: 102px;width: 167px;height: 138px;z-index: 7">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInLeft 1s ease 1.1s 1;">
							<img src="img/welcome.png" style="width:167px;height:138px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box photo" style="top: 90px;left: 25px; height: 228px; z-index: 8">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); border-radius: 20px; animation: zoomIn 1s ease 1.8s 1;">
							<img src="img/p21.jpg" style="margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box photo" style="top: 350px;left: 25px;height: 228px; z-index: 8">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); border-radius: 20px; animation: zoomIn 1s ease 1.8s 1;">
							<img src="img/p23.jpg" style="margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 323px;left: 76px;width: 212px;height: 24px;z-index: 15">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: fadeIn 1s ease 1s 1;">
		        			<img src="img/flower_line.png" style="width:215px;height:24px;margin-left:-1px;margin-top:0px">
		        		</div>
		        	</div>
		        	<!--<div class="elm-box" style="top: 320px;left: 152px;width: 58px;height: 41px;z-index: 16">
		        		<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 3s 1;">
		        			<img src="img/flower2.png" style="width:58px;height:41px;margin-top:0px;margin-left:0px">
		        		</div>
		        	</div>
					<div class="elm-box" style="top: 60px;left: 126px;width: 59px;height: 80px;z-index: 11;transform: rotateZ(89deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.6s 1;">
							<img src="img/flower_white.png" style="width:60px;height:80px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 60px;left: 160px;width: 110px;height: 82px;z-index: 9">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3.2s 1;">
							<img src="img/flowers5.png" style="width:110px;height:83px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 88px;left: 160px;width: 49px;height: 49px;z-index: 13">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3.5s 1;">
							<img src="img/flower1.png" style="width:49px;height:49px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box bow" style="left: 134px;width: 114px;height: 88px;z-index: 14;transform: rotateZ(343deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3.6s 1;">
							<img src="img/bow.png" style="width:114px;height:88px;margin-top:0px;margin-left:0px">
						</div>
					</div>-->
	    		</div>
	    		
	    		<div class="swiper-slide page" id="page5">
	    			<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
					</div>
					<div class="elm-box" style="top: -63px;left: 195px;width: 227px;height: 170px;z-index: 7;transform: rotateZ(205deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 0.6s 1;">
							<img src="img/flowers5.png" style="width:227px;height:170px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -71px;left: -99px;width: 245px;height: 234px;z-index: 6;transform: rotateZ(169deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 0.6s 1;">
							<img src="img/flowers2.png" style="width:245px;height:235px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 420px;left: -94px;width: 265px;height: 265px;z-index: 4;transform: rotateZ(36deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 0.6s 1;">
							<img src="img/flower1.png" style="width:265px;height:265px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 400px;left: 172px;width: 279px;height: 279px;z-index: 3">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 0.6s 1;">
							<img src="img/leaf_l.png" style="width:279px;height:279px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 25px;left: -10px;width: 360px;height: 39px;z-index: 11">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInRight 1s ease 2s 1;">
							<img src="img/love.png" style="width:360px;height:39px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box photo" style="top: 100px;left: 25px;z-index: 8">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); border-radius: 20px; animation: zoomIn 1s ease 1.8s 1;">
							<img src="img/p3.jpg" style="margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 60px;left: 126px;width: 59px;height: 80px;z-index: 11;transform: rotateZ(89deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.6s 1;">
							<img src="img/flower_white.png" style="width:60px;height:80px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 73px;left: 129px;width: 126px;height: 103px;z-index: 10;transform: rotateZ(80deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.9s 1;">
							<img src="img/flowers1.png" style="width:126px;height:103px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 73px;left: 170px;width: 110px;height: 82px;z-index: 9">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3.2s 1;">
							<img src="img/flowers5.png" style="width:110px;height:83px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 88px;left: 160px;width: 49px;height: 49px;z-index: 13">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3.5s 1;">
							<img src="img/flower1.png" style="width:49px;height:49px;margin-left:0px;margin-top:0px">
						</div>
					</div>
	    		</div>
	  
	  			<!--<div class="swiper-slide page" id="page6">
					<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
					</div>
	    			<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style="animation: zoomIn 1s ease 0.8s 1;"><img src="img/p4.jpg" class="card-bg"></div>
					</div>
					<div class="elm-box" style="top: 20px;left: 80px;width: 227px;height: 170px;z-index: 7;">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 2.6s 1;">
							<img src="img/zhizizhishou.png" style="margin-top:0px;margin-left:0px">
						</div>
					</div>
	    		</div>-->
	  
	    		<div class="swiper-slide page" id="page7">
	    			<div class="elm-box" style="z-index: 1;top: 0px;left: 0px">
						<div class="elm card-bg" style=""><img src="img/bg.png" class="card-bg"></div>
					</div>
					<div class="elm-box
						" style="top: -63px;left: 195px;width: 227px;height: 170px;z-index: 7;transform: rotateZ(205deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 0.6s 1;">
							<img src="img/flowers5.png" style="width:227px;height:170px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 327px;left: -27px;width: 129px;height: 129px;z-index: 4">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 1s 1;">
							<img src="img/flower1.png" style="width:129px;height:129px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: -92px;left: -92px;width: 245px;height: 234px;z-index: 6;transform: rotateZ(169deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 2s ease 0.6s 1;">
							<img src="img/flowers2.png" style="width:245px;height:235px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 25px;left: 32px;width: 167px;height: 39px;z-index: 12">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInRight 1s ease 2s 1;">
							<img src="img/thank.png" style="width:167px;height:39px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 29px;left: 151px;width: 154px;height: 34px;z-index: 17">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInLeft 1s ease 2.3s 1;">
							<img src="img/you.png" style="width:155px;height:34px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 78px;left: 102px;width: 170px;height: 46px;z-index: 15">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2.3s 1;">
							<img src="img/saveTheDate.png" style="width:173px;height:46px;margin-left:-2px;margin-top:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 111px;left: 48px;width: 286px;height: 38px;z-index: 16">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 2.6s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; line-height: inherit; color: rgb(123, 100, 12); font-size: 16px; background-color: initial; font-weight: bold;">2017.12.11</span>
							</div>
						</div>
					</div>
					<div class="elm-box" style="top: 124px;left: 109px;width: 22px;height: 18px;z-index: 21">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3s 1;">
							<img src="img/heart.png" style="width:22px;height:18px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box" style="top: 124px;left: 248px;width: 22px;height: 18px;z-index: 22">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 3s 1;">
							<img src="img/heart.png" style="width:22px;height:18px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box photo" style="top: 200px;left: 33px;z-index: 9">
						<div class="elm user-editable" style="color: rgb(103, 103, 103); animation: fadeInDown 2s ease 0s 1;">
							<img src="img/p5.jpg">
						</div>
					</div>446-156 290
					<div class="elm-box white-bg" style="height: 44px;z-index: 18;opacity: 0.65;top: 156px;left: 33px">
						<div class="elm " style="color: rgb(85, 85, 85); animation: zoomIn 1s ease 2.7s 1;">
							<!--?xml version="1.0" encoding="utf-8"?-->
							<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
							<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none">
								<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
							</svg>
						</div>
					</div>
					<div class="elm-box" style="top: 156px;left: 62px;width: 109px;height: 38px;z-index: 19">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 3.5s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 18px; line-height: inherit; background-color: initial; color: rgb(122, 94, 7);">刘燕</span>
							</div>
						</div>
					</div>
					<div class="elm-box flower" style="top: 156px;width: 58px;height: 41px;z-index: 23">
						<div class="elm " style="color: rgb(103, 103, 103); animation: flipInY 1s ease 3s 1;">
							<img src="img/flower2.png" style="width:58px;height:41px;margin-top:0px;margin-left:0px">
						</div>
					</div>
					<div class="elm-box ly" style="top: 156px;width: 125px;height: 38px;z-index: 20">
						<div class="elm text editable" style="font-size: 24px; color: rgb(103, 103, 103); font-family: weiruanyahei; animation: zoomIn 1s ease 3.5s 1;">
							<div style="text-align: center;">
								<span style="font-family: weiruanyahei; font-size: 18px; line-height: inherit; background-color: initial; color: rgb(122, 94, 7);">肖晓波</span>
							</div>
						</div>
					</div>
					<!--<div class="elm-box" style="top: 122px;left: 273px;width: 106px;height: 106px;z-index: 3">
						<div class="elm " style="color: rgb(103, 103, 103); animation: zoomIn 1s ease 2s 1;">
							<img src="img/flower1.png" style="width:106px;height:106px;margin-left:0px;margin-top:0px">
						</div>
					</div>-->
					<div class="elm-box" style="top: 503px;left: -71px;width: 202px;height: 152px;z-index: 8;transform: rotateZ(22deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInDown 2s ease 0.6s 1;">
							<img src="img/flowers5.png" style="width:203px;height:152px;margin-left:0px;margin-top:0px">
						</div>
					</div>
					<!--<div class="elm-box" style="top: 487px;left: 91px;width: 207px;height: 197px;z-index: 14;opacity: 0.75;transform: rotateZ(71deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInUp 2s ease 0.6s 1;">
							<img src="img/flowers2.png" style="width:207px;height:199px;margin-top:-1px;margin-left:0px">
						</div>
					</div>-->
					<div class="elm-box" style="top: 488px;left: 218px;width: 196px;height: 160px;z-index: 5;opacity: 0.55;transform: rotateZ(262deg)">
						<div class="elm " style="color: rgb(103, 103, 103); animation: fadeInUp 2s ease 0.6s 1;">
							<img src="img/flowers1.png" style="width:196px;height:161px;margin-top:0px;margin-left:0px">
						</div>
					</div>
	    		</div>
	    		
			</div>
		</div>
	
		<script type="text/javascript" src="js/zepto.min.js" ></script>
		<script type="text/javascript" src="js/swiper.jquery.min.js" ></script>
		<script type="text/javascript" src="js/swiper.animate1.0.2.min.js" ></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script type="text/javascript" src="js/index.js" ></script>
		<!--<script type="text/javascript">  
            // 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器  
            var useragent = navigator.userAgent; 
            console.info(useragent);
            if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {  
                // 这里警告框会阻塞当前页面继续加载
                alert('已禁止本次访问：您必须使用微信内置浏览器访问本页面！');  
                // 以下代码是用javascript强行关闭当前页面
                var opened = window.open('about:blank', '_self');  
                opened.opener = null;  
                opened.close();  
            }  
        </script>-->
        <script>
        	$(function(){
			    var url = location.href.split('#').toString();//url不能写死
			    $.ajax({
			        type : "get",
			        url : "http://www.halutech.cn/getJSsdkParam",
			        dataType : "json",
			        async : false,
			        data:{url: url},
			        success : function(data) {
			            wx.config({
			                debug: false,////生产环境需要关闭debug模式
			                appId: data.appid,//appId通过微信服务号后台查看
			                timestamp: data.timestamp,//生成签名的时间戳
			                nonceStr: data.nonceStr,//生成签名的随机字符串
			                signature: data.signature,//签名
			                jsApiList: [//需要调用的JS接口列表
			                    'checkJsApi',//判断当前客户端版本是否支持指定JS接口
			                    'onMenuShareTimeline',//分享到朋友圈
			                    'onMenuShareAppMessage',//分享给好友
			                    'onMenuShareQQ',
			                    'onMenuShareWeibo'
			                ]
			            });
			        },
			        error: function(xhr, status, error) {
			            //alert(status);
			            //alert(xhr.responseText);
			        }
			    });
			});
			
			wx.ready(function(){
				var _title = "肖晓波&刘燕的婚礼邀请";
				var _desc = "我们结婚啦！2017年12月11日，诚邀您出席我们的婚礼。";
				var _link = "http://www.halutech.cn/";
				var _imgUrl = "http://www.halutech.cn/img/p5.jpg";

				//分享给好友
		        wx.onMenuShareAppMessage({
			        title: _title,
			        desc: _desc,
			        link: _link,
			        imgUrl: _imgUrl,
		            type: 'link', // 分享类型,music、video或link，不填默认为link
		            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
		            success: function () {
		                // 用户确认分享后执行的回调函数
//		                alert('已分享');
		            },
		            cancel: function () {
		                // 用户取消分享后执行的回调函数
//		                alert('已取消');
		            }
		        });
	
			    //分享到朋友圈
			    wx.onMenuShareTimeline({
			        title: _title,
			        desc: _desc,
			        link: _link,
			        imgUrl: _imgUrl,
		            trigger: function (res) {
		                // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回.
//		                alert('click shared');
		            },
		            success: function (res) {
//		                  alert('shared success');
		            },
		            cancel: function (res) {
//		                  alert('shared cancle');
		            },
		            fail: function (res) {
//		                  alert(JSON.stringify(res));
		            }
		        });
			
			    //分享到QQ
			    wx.onMenuShareQQ({
				    title: _title,
				    desc: _desc,
				    link: _link,
				    imgUrl: _imgUrl,
				    trigger: function (res) {
//				    	alert('用户点击分享到QQ');
				    },
				    complete: function (res) {
//				      	alert(JSON.stringify(res));
				    },
				    success: function (res) {
//				      	alert('已分享');
				    },
				    cancel: function (res) {
//				      	alert('已取消');
				    },
				    fail: function (res) {
//				      	alert(JSON.stringify(res));
				    }
			    });
		  
			    wx.error(function (res) {
		            alert(res.errMsg);
		        });
		
			});
        	
        </script>
        
	</body>
</html>
